<template>
  <div class="center-block">
    <section style="min-height: 620px">
      <ul class="effect effect2 clearfix">
        <li v-for="item in list">
          <a href="javascript:;">
            <div class="effectImg">
              <img :src="item.imgSrc" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <div class="effectImg">
              <img src="@/assets/images/cas1.png" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <div class="effectImg">
              <img src="@/assets/images/cas1.png" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <div class="effectImg">
              <img src="@/assets/images/cas1.png" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <div class="effectImg">
              <img src="@/assets/images/cas1.png" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <div class="effectImg">
              <img src="@/assets/images/cas1.png" alt="">
            </div>
            <div class="effectText text-center">
              <h4>产业园二期效果图</h4>
            </div>
          </a>
        </li>
      </ul>
    </section>
  </div>

</template>

<script>
  import { getPic } from '@/api/dataService'
  export default {
    name: 'body',
    data () {
      return {
        id : '',
        list: []
      }
    },
    mounted () {
      this.getPic();
      this.id = this.$route.params.id || ''
    },
    methods: {
      getPic (id){
        getPic(id).then(res => {
          //console.log(res)
          this.list = res.rows
        })
      }
    }
  }
</script>
<style></style>
